<!DOCTYPE HTML>
<html>
<head>
  <title>联系</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
  <!--nav-->
  <script src="js/jquery.min.js"></script>
  <script>
    $(function() {
      var pull = $('#pull');
      menu = $('nav.nav_ul ul');
      menuHeight	= menu.height();

      $(pull).on('click', function(e) {
        e.preventDefault();
        menu.slideToggle();
      });

      $(window).resize(function(){
        var w = $(window).width();
        if(w > 320 && menu.is(':hidden')) {
          menu.removeAttr('style');
        }
      });
    });
  </script>
</head>
<body>
<div class="body">
  <div class="wrap">
    <div class="wrapper">
      <!-- start header-->
      <div class="header">
        <div class="logo">
          <a href="index.html"><img src="images/logo.png" alt=""></a>
        </div>
        <div class="cssmenu">
          <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="portfolio.html">教程</a></li>
            <li><a href="blog.html">文章</a></li>
            <li><a href="devOps.html">运维</a></li>
            <li><a href="about.html">关于</a></li>
            <li class="active"><a href="contact.html">联系</a></li>
            <div class="clear"></div>
          </ul>
        </div>
        <div class="clear"></div>
        <div class="top-nav">
          <nav class="clearfix nav_ul">
            <ul>
              <li><a href="index.html">首页</a></li>
              <li><a href="portfolio.html">教程</a></li>
              <li><a href="blog.html">文章</a></li>
              <li><a href="devOps.html">运维</a></li>
              <li><a href="about.html">关于</a></li>
              <li><a href="contact.html">联系</a></li>
            </ul>
            <a href="javascript:;" id="pull">导航</a>
          </nav>
        </div>
      </div>
      <!-- start content -->
      <div class="main1">
        <div class="content">
          <h2>联系我们</h2>
        </div>
        <div class="contact">
          <div class="contact_info">
            <div class="map">
              <!--保留<iframe width="100%" height="175" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.in/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Lighthouse+Point,+FL,+United+States&amp;aq=4&amp;oq=light&amp;sll=26.275636,-80.087265&amp;sspn=0.04941,0.104628&amp;ie=UTF8&amp;hq=&amp;hnear=Lighthouse+Point,+Broward,+Florida,+United+States&amp;t=m&amp;z=14&amp;ll=26.275636,-80.087265&amp;output=embed"></iframe><br><small><a href="https://maps.google.co.in/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Lighthouse+Point,+FL,+United+States&amp;aq=4&amp;oq=light&amp;sll=26.275636,-80.087265&amp;sspn=0.04941,0.104628&amp;ie=UTF8&amp;hq=&amp;hnear=Lighthouse+Point,+Broward,+Florida,+United+States&amp;t=m&amp;z=14&amp;ll=26.275636,-80.087265" style="color:#666;text-align:left;font-size:0.85em">View Larger Map</a></small>-->
              <img src="images/maps.png" height="175" width="1340"/>
            </div>
          </div>
          <div class="contact-form">
            <div class="content">
              <h2>建议留言</h2>
            </div>
            <form method="post" action="contact-post.html">
              <div>
                <span><label>NAME</label></span>
                <span><input name="userName" type="text" class="textbox"></span>
              </div>
              <div>
                <span><label>E-MAIL</label></span>
                <span><input name="userEmail" type="text" class="textbox"></span>
              </div>
              <div>
                <span><label>MOBILE</label></span>
                <span><input name="userPhone" type="text" class="textbox"></span>
              </div>
              <div>
                <span><label>SUBJECT</label></span>
                <span><textarea name="userMsg"> </textarea></span>
              </div>
              <div>
                <span><input type="submit" class="" value="Submit us"></span>
              </div>
            </form>
          </div>
          <div class="clear"> </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- start foorter -->
<div class="footer_bg">
  <div class="wrap">
    <div class="wrapper">
      <div class="footer">
        <div class="span_1_of_3">
          <h3>Contact Us</h3>
          <div class="footer_grid">
            <div class="foot_img">
              <img src="images/home.png" alt="" />
            </div>
            <div class="foot_text">
              <p>500 Lorem Ipsum Dolor Sit,</p>
              <p>22-56-2-9 Sit Amet, Lorem,</p>
              <p>USA</p>
            </div>
            <div class="clear"></div>
          </div>
          <div class="footer_grid">
            <div class="foot_img">
              <img src="images/call.png" alt="" />
            </div>
            <div class="foot_text">
              <p>(416) 431-4437</p>
            </div>
            <div class="clear"></div>
          </div>
          <a href=""><h4 class="mail">info(at)mycompany.com</h4></a>
          <div class="foot_nav">
            <ul>
              <li><a href="javascript:;"><img src="images/soc_icon1.png" alt="" /></a></li>
              <li><a href="javascript:;"><img src="images/soc_icon2.png" alt="" /></a></li>
              <li><a href="javascript:;"><img src="images/soc_icon3.png" alt="" /></a></li>
              <li><a href="javascript:;"><img src="images/soc_icon4.png" alt="" /></a></li>
              <div class="clear"></div>
            </ul>

          </div>
        </div>
        <div class="span_1_of_3">
          <h3>Latest Tweets</h3>
          <div class="footer_grid">
            <div class="foot_img">
              <img src="images/twitter.png" alt="" />
            </div>
            <div class="foot_text">
              <p>Confucius: Lorem Ipsum is simply dummy text of the printing.<br /> <b>#famousquotes</b></p>
              <h4>8 days ago</h4>
            </div>
            <div class="clear"></div>
          </div>
          <div class="footer_grid">
            <div class="foot_img">
              <img src="images/twitter.png" alt="" />
            </div>
            <div class="foot_text">
              <p>Bruce Lee: Lorem Ipsum is simply dummy text of the printing.<br /> <b>#famousquotes</b></p>
              <h4>1 hour ago</h4>
            </div>
            <div class="clear"></div>
          </div>
        </div>
        <div class="span_1_of_3">
          <h3>Latest Posts</h3>
          <a href=""><h5 class="fountain">Starting a new journey today</h5></a>
          <a href=""><h5 class="fountain">The life of a web designer</h5></a>
          <a href=""><h5 class="fountain">Your guide to navigating Around to wordoress</h5></a>
          <a href=""><h5 class="fountain">introduction to HTML5 and CSS3</h5></a>
          <a href=""><h5 class="fountain">The life of a web designer</h5></a>
        </div>
        <div class="clear"></div>
      </div>
    </div>
  </div>
</div>
<!-- start footer copy -->
<div class="wrap">
  <div class="wrapper">
    <div class="copy">
      <span>© 版权所有：<a href="https://beian.miit.gov.cn/" target="_blank" style="color:#555555;">黔ICP备14005277号</a><img src="images/beian.png" alt="公安备案" style="vertical-align:middle;display:inline;margin-left:4px;"><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=52019002007313" target="_blank" style="color:#555555;margin-right:4px">贵公网安备 52019002007313号</a>联系QQ： 444141300</span>
      <span>请勿发布违反国家法律法规的内容，会员观点不代表本站立场</span>
    </div>
  </div>
</div>
</body>
</html>